.mate {
  height: 100%;
  padding-top: 45px;
  overflow: auto;
  background-color: #f6f6f6;
}

.mate .wrapper {
  background: #ffffff;
}

.mate .mate-wrapper {
  width: 96%;
  margin: 0 auto;
  border-collapse: collapse;
}

.mate .mate-wrapper .mate-row {
  height: 59px;
  border-bottom: 1px solid rgba(148, 147, 147, .2);
}

.mate .mate-wrapper .mate-row:first-child {
  height: 50px;
}

.mate .mate-wrapper .mate-row:last-child {
  border-bottom: 0;
}

.mate .mate-wrapper .mate-row th.mate-col {
  color: #656565;
}

.mate .mate-wrapper .mate-row td.mate-col {
  color: #202020;
  text-align: center;
}

.mate .mate-wrapper .mate-row td.mate-col > img {
  border-radius: 50%;
}

.mate .mate-wrapper .mate-row .mate-x {
  max-width: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mate .mate-null {
  display: flex;
  padding: 20px 0;
  align-items: center;
  justify-content: center;
  background: #F6F6F6;
}

.mate .mate-null .icon-null {
  margin-right: 5px;
  font-size: 20px;
}
